<!DOCTYPE html>
<html class="overflow-hidden">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>礼仪之邦-待发货订单</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/app.css"/>
</head>
<!--待发货订单，待付款订单，已发货订单-->
<body class="overflow-hidden">
<div class="collect-bar register-bar setting-bar">
    <h2 class="header-box pos-abs-tl">
        <a class="go-back-btn sprite-icon" href="#"></a>
        待发货订单
        <a href="#" class="shopType-sprite-icon orderSearch-icon"></a>
    </h2>

    <div class="collect-cont my-order-content">
        <div id="wrapper">
            <div id="scroller">
                <div id="pullDown">
                    <span class="pullDownIcon"></span>
                    <span class="pullDownLabel">下拉刷新...</span>
                </div>
                <div class="order-content shop-order-content">
                    <div class="collect-list shopCar-list order-page-list no-padding">
                        <div class="my-order-title">订单号：12156498323434613<span>待发货</span></div>
                        <ul>
                            <li>
                                <div class="collect-intro">
                                    <a href="#">
                                        <label class="collect-img">
                                            <img src="img/collect-img.jpg">
                                            <!--<i class="shopType-sprite-icon orticket-icon"></i>-->
                                        </label>

                                        <div class="collect-intro-text">
                                            <p class="collect-name text-clamp-overflow">祥云和山茶油家庭装1L压榨祥云和山茶油家庭
                                                压榨祥云和山茶油家庭装1L压榨祥云和山</p>

                                            <p class="collect-price" data-price="148.00">￥148.00元</p>

                                            <div class="number-box pos-abs-br num-text">X1</div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="collect-intro">
                                    <a href="#">
                                        <label class="collect-img">
                                            <img src="img/collect-img.jpg">
                                            <i class="shopType-sprite-icon presell-icon"></i>
                                        </label>

                                        <div class="collect-intro-text">
                                            <p class="collect-name text-clamp-overflow">祥云和山茶油家庭装1L压榨祥云和山茶油家庭
                                                压榨祥云和山茶油家庭装1L压榨祥云和山</p>

                                            <p class="collect-price" data-price="148.00">￥148.00元</p>

                                            <div class="number-box pos-abs-br num-text">X3</div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <div class="my-order-intro">共2件商品<span>实付款：￥<i>72</i>.20（含运费￥0.00）</span></div>
                        <div class="my-order-btn">
                            <a href="javascript:;">申请退货</a>
                        </div>
                    </div>
                    <div class="collect-list shopCar-list order-page-list no-padding">
                        <div class="my-order-title">订单号：12156498323434613<span>待发货</span></div>
                        <ul>
                            <li>
                                <div class="collect-intro">
                                    <a href="#">
                                        <label class="collect-img">
                                            <img src="img/collect-img.jpg">
                                            <i class="shopType-sprite-icon orticket-icon"></i>
                                        </label>

                                        <div class="collect-intro-text">
                                            <p class="collect-name text-clamp-overflow">祥云和山茶油家庭装1L压榨祥云和山茶油家庭
                                                压榨祥云和山茶油家庭装1L压榨祥云和山</p>

                                            <p class="collect-price" data-price="148.00">￥148.00元</p>

                                            <div class="number-box pos-abs-br num-text">兑换券数量 X1</div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <div class="my-order-intro">共2件商品<span>实付款：￥<i>72</i>.20（含运费￥0.00）</span></div>
                    </div>
                    <div class="collect-list shopCar-list order-page-list no-padding">
                        <div class="my-order-title">订单号：12156498323434613<span>待发货</span></div>
                        <ul>
                            <li>
                                <div class="collect-intro">
                                    <a href="#">
                                        <label class="collect-img">
                                            <img src="img/collect-img.jpg">
                                            <i class="shopType-sprite-icon group-icon"></i>
                                        </label>

                                        <div class="collect-intro-text">
                                            <p class="collect-name text-clamp-overflow">祥云和山茶油家庭装1L压榨祥云和山茶油家庭
                                                压榨祥云和山茶油家庭装1L压榨祥云和山</p>

                                            <p class="collect-price" data-price="148.00">￥148.00元</p>

                                            <div class="number-box pos-abs-br num-text">X1</div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <div class="my-order-intro">共2件商品<span>实付款：￥<i>72</i>.20（含运费￥0.00）</span></div>
                    </div>
                </div>
                <div id="pullUp">
                    <span class="pullUpLabel">加载更多...</span>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/iscroll-probe.js"></script>
<script src="js/box.js"></script>
<script src="js/public.js"></script>
<script>
    $(function () {
        var myScroll = publicFuns.newIScrollRefresh("#wrapper", refreshFun, loadFun, 0);

        function refreshFun() {
            console.log("刷新数据");
        }
        function loadFun() {
            console.log("加载数据");
        }

        //倒计时
        publicFuns.limitTime(".order-time-down", "2016/06/15 16:08:05", endFun);
        function endFun() {
            console.log("倒计时结束了！");
        }
    })
</script>
</body>
</html>